<template>
    <div>
        <div class="getpai">
            <select name="" id="" v-model="values" @change="getValue">
                <option :value="item" v-for="(item,index) in 15" :key="index">{{ item }}</option>
                
            </select>
            <button @click="getPai">确定</button>
        </div>
    </div>
</template>

<script>
    export default {
        props:["index","id"],
        data() {
            return {
                ID:0,
                values:0
            }
        },
        mounted(){

        },
        methods:{
            getPai(){
                this.$parent.getValue(this.values)
                this .$parent.getId()
            },
            getValue(e){
                this.values = e.target.value;
            }
        }
    }
</script>

<style lang="less" scoped>
.getpai{
    width: 500px;
    height: 120px;
    background-color: burlywood;
}
</style>